<template>
  <div>
     <h1>父组件</h1>
     <hr>
     <cartOne></cartOne>
     <hr>
     <cartTwo></cartTwo>
  </div>
</template>
<script>
import cartOne from './child/cartOne.vue'
import cartTwo from './child/cartTwo.vue'
export default {
   components:{cartOne,cartTwo},
   methods:{
    run(km){
      alert('访问到了'+km+"米")
    }
   },
   mounted(){
      // 获取子组件  ref可以获取子组件
      // vue提供了this.$children操作符 获取子组件集合
      // this.$children 可以父传子的操作符
      console.log(this.$children,"获取的子组件集合")
     
      console.log( this.$children[0].oneData,'用第一个子组件的数据')
       console.log( this.$children[1].twoData,'用第二个子组件的数据')
   }
}
</script>